﻿@extends("home.base.base")
@section("title")
	<title>Home</title>
@endsection
@section("css")
	<link rel="stylesheet" href="{{asset('css/home/css/bootstrap.min.css')}}" type="text/css" media="all">
	<link rel="stylesheet" href="{{asset('css/home/css/style2.css')}}" type="text/css" media="all">
	<link rel="stylesheet" href="{{asset('css/home/css/style.css')}}" type="text/css" media="all">
	<link rel="stylesheet" href="{{asset('css/home/owl.carousel.css')}}" type="text/css" media="all">
	<link rel="stylesheet" href="{{asset('css/home/css/font-awesome.min.css')}}" type="text/css" media="all" />
	<link rel="stylesheet" href="{{asset('css/home/font-awesome.css')}}" type="text/css" media="all" />
	<link rel="stylesheet" href="{{asset('css/home/css/ionicons.min.css')}}" type="text/css" media="all" />
	{{--<link rel="stylesheet" href="{{asset('css/home/css/owl.theme.css')}}" type="text/css" media="all">--}}
	<link rel="stylesheet" href="{{asset('css/home/css/settings.css')}}" type="text/css" media="all">
	<link rel="stylesheet" href="{{asset('css/home/css/custom.css')}}" type="text/css" media="all">
	<script type="text/javascript" src="{{asset('js/home/js/jquery.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/owl.carousel.js')}}"></script>
    <script type="text/javascript" src="{{asset('js/home/js/bootstrap.min.js')}}"></script>
	<script>
        $(document).ready(function() {
            $("#owl-demo").owlCarousel({
                autoPlay: 300000, //Set AutoPlay to 3 seconds
                items :4,
                itemsDesktop : [640,5],
                itemsDesktopSmall : [480,2],
                navigation : true

            });
        });
	</script>
@endsection
@section("banner")
	<div class="section">

			<div class="row">
                <div id="myCarousel" class="carousel slide">
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner">
                        <div class="item active">
                            <img src="{{asset('img/home/banner-1.jpg')}}" alt="First slide">
                        </div>
                        <div class="item">
                            <img src="{{asset('img/home/banner-2.jpg')}}" alt="Second slide">
                        </div>
                        <div class="item">
                            <img src="{{asset('img/home/banner-3.jpg')}}" alt="Second slide">
                        </div>
                    </div>
                    <!-- 轮播（Carousel）导航 -->
                    <a class="carousel-control left" href="#myCarousel"
                       data-slide="prev">&lsaquo;</a>
                    <a class="carousel-control right" href="#myCarousel"
                       data-slide="next">&rsaquo;</a>
                </div>
            </div>

	</div>
@endsection
@section("content")
	<div class="welcome">
		<div class="container">
			<div class="welcome-info">
				<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
					<div class="clearfix"> </div>
					<div class="jg-title">
						<h3 class="w3ls-title">承办机构</h3>
						<h4>品质和设计经过验证的精选房源系列</h4>
					</div>

					<div id="myTabContent" class="tab-content">
						<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab">
							<div class="tabcontent-grids">
								<div id="owl-demo" class="owl-carousel">
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<a href="products.html"><img src="{{asset('img/home/jigou-1.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Audio speaker</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$100</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Audio speaker" />
													<input type="hidden" name="amount" value="200.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<div class="new-tag"><h6>Sale</h6></div>
											<a href="products.html"><img src="{{asset('img/home/jigou-2.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Refrigerator</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$300</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Refrigerator" />
													<input type="hidden" name="amount" value="700.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<div class="new-tag"><h6>New</h6></div>
											<a href="products.html"><img src="{{asset('img/home/jigou-3.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Smart Phone</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$70</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Smart Phone" />
													<input type="hidden" name="amount" value="300.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<a href="products.html"><img src="{{asset('img/home/jigou-6.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Digital Camera</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$80</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Digital Camera"/>
													<input type="hidden" name="amount" value="100.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<a href="products.html"><img src="{{asset('img/home/jigou-5.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Audio speaker</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$100</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Audio speaker" />
													<input type="hidden" name="amount" value="200.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<div class="new-tag"><h6>Sale</h6></div>
											<a href="products.html"><img src="{{asset('img/home/jigou-6.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Refrigerator</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$300</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Refrigerator" />
													<input type="hidden" name="amount" value="700.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<div class="new-tag"><h6>New</h6></div>
											<a href="products.html"><img src="{{asset('img/home/jigou-2.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Smart Phone</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$70</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Smart Phone" />
													<input type="hidden" name="amount" value="300.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
									<div class="item">
										<div class="glry-w3agile-grids agileits">
											<a href="products.html"><img src="{{asset('img/home/jigou-3.jpg')}}" alt="img"></a>
											<div class="view-caption agileits-w3layouts">
												<h4><a href="products.html">Digital Camera</a></h4>
												<p>Lorem ipsum dolor sit amet consectetur</p>
												<h5>$80</h5>
												<form action="#" method="post">
													<input type="hidden" name="cmd" value="_cart" />
													<input type="hidden" name="add" value="1" />
													<input type="hidden" name="w3ls_item" value="Digital Camera"/>
													<input type="hidden" name="amount" value="100.00" />
													<button type="submit" class="w3ls-cart" ><i class="fa fa-cart-plus" aria-hidden="true"></i> Add to cart</button>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="section pb-9">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 jd-title">
					<h3>研学基地</h3>
					<h4>品质和设计经过验证的精选房源系列</h4>
				</div>
				<div class="col-sm-6 p-0">
					<div class="text-center" style="padding-top: 15px">
						<ul class="masonry-filter">
							<li><a href="#" data-filter="" class="active">全部</a></li>
							<li><a href="#" data-filter=".dried">红色研学</a></li>
							<li><a href="#" data-filter=".fruits">非遗馆</a></li>
							<li><a href="#" data-filter=".vegetables">博物馆</a></li>
							<li><a href="#" data-filter=".juice">名人故居</a></li>
						</ul>
					</div>
				</div>
			</div>

			<div class="row">
				<div class="product-grid masonry-grid-post">
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center juice">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<div class="badges">
									<span class="hot">Hot</span>
									<span class="onsale">Sale!</span>
								</div>
								<img src="{{asset('img/home/shop_1.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Orange Juice</h2>
								<span class="price">
									<del>$15.00</del>
									<ins>$12.00</ins>
								</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center fruits">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<div class="badges">
									<span class="hot">Hot</span>
								</div>
								<img src="{{asset('img/home/shop_2.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Aurore Grape</h2>
								<span class="price">$9.00</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center dried">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<div class="badges">
									<span class="hot">Hot</span>
								</div>
								<img src="{{asset('img/home/shop_3.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Blueberry Jam</h2>
								<span class="price">$15.00</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center fruits">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<img src="{{asset('img/home/shop_4.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Passionfruit</h2>
								<span class="price">$35.00</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center vegetables">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<div class="badges">
									<span class="hot">Hot</span>
								</div>
								<img src="{{asset('img/home/shop_5.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Carrot</h2>
								<span class="price">$12.00</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center vegetables">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<span class="outofstock"><span>Out</span>of stock</span>
								<img src="{{asset('img/home/shop_6.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Sprouting Broccoli</h2>
								<span class="price">$6.00</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center vegetables">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<img src="{{asset('img/home/shop_7.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Chinese Cabbage</h2>
								<span class="price">$9.00</span>
							</a>
						</div>
					</div>
					<div class="col-md-3 col-sm-6 product-item masonry-item text-center fruits">
						<div class="product-thumb">
							<a href="shop-detail.html">
								<div class="badges">
									<span class="hot">Hot</span>
								</div>
								<img src="{{asset('img/home/shop_8.jpg')}}" alt="" />
							</a>
							<div class="product-action">
								<span class="add-to-cart">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to cart"></a>
								</span>
								<span class="wishlist">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Add to wishlist"></a>
								</span>
								<span class="quickview">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Quickview"></a>
								</span>
								<span class="compare">
									<a href="#" data-toggle="tooltip" data-placement="top" title="Compare"></a>
								</span>
							</div>
						</div>
						<div class="product-info">
							<a href="shop-detail.html">
								<h2 class="title">Tieton Cherry</h2>
								<span class="price">$9.00</span>
							</a>
						</div>
					</div>
				</div>
				<div class="loadmore-contain">
					<a class="organik-btn small" href="#"> Load more </a>
				</div>
			</div>
		</div>
	</div>
	<div class="section">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 xd-title" style="padding-bottom: 35px">
					<h3>研学心得</h3>
					<h4>品质和设计经过验证的精选房源系列</h4>
				</div>
			</div>
			<div class="row">
				<div class="col-md-4">
					<div class="blog-grid-item">
						<div class="post-thumbnail">
							<a href="#">
								<img src="{{asset('img/home/blog_1.jpg')}}" alt="" />
							</a>
						</div>
						<div class="post-content">
							<div class="entry-meta">
								<span class="posted-on">
									<i class="ion-calendar"></i>
									<span>August 9, 2016</span>
								</span>
								<span class="comment">
									<i class="ion-chatbubble-working"></i> 0
								</span>
							</div>
							<a href="#">
								<h1 class="entry-title">How to steam &amp; purée your sugar pie pumkin</h1>
							</a>
							<div class="entry-content">
								Cut the halves into smaller pieces and place in a large pot of water with a steam basket to keep the pumpkin pieces from touching…
							</div>
							<div class="entry-more">
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="blog-grid-item">
						<div class="post-thumbnail">
							<a href="#">
								<img src="{{asset('img/home/blog_2.jpg')}}" alt="" />
							</a>
						</div>
						<div class="post-content">
							<div class="entry-meta">
								<span class="posted-on">
									<i class="ion-calendar"></i>
									<span>August 9, 2016</span>
								</span>
								<span class="comment">
									<i class="ion-chatbubble-working"></i> 0
								</span>
							</div>
							<a href="#">
								<h1 class="entry-title">Great bulk recipes to help use all your organic vegetables</h1>
							</a>
							<div class="entry-content">
								A fridge full of organic vegetables purchased or harvested with the best of intentions, and then life gets busy, leaving no time to peel,
							</div>
							<div class="entry-more">
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="blog-grid-item">
						<div class="post-thumbnail">
							<a href="#">
								<img src="{{asset('img/home/blog_1.jpg')}}" alt="" />
							</a>
						</div>
						<div class="post-content">
							<div class="entry-meta">
								<span class="posted-on">
									<i class="ion-calendar"></i>
									<span>August 9, 2016</span>
								</span>
								<span class="comment">
									<i class="ion-chatbubble-working"></i> 0
								</span>
							</div>
							<a href="#">
								<h1 class="entry-title">How can salmon be raised organically in fish farms?</h1>
							</a>
							<div class="entry-content">
								Organic food consumption is rapidly increasing. The heightened interest in the global environment and a willingness to look
							</div>
							<div class="entry-more">
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="blog-grid-item">
						<div class="post-thumbnail">
							<a href="#">
								<img src="{{asset('img/home/blog_1.jpg')}}" alt="" />
							</a>
						</div>
						<div class="post-content">
							<div class="entry-meta">
								<span class="posted-on">
									<i class="ion-calendar"></i>
									<span>August 9, 2016</span>
								</span>
								<span class="comment">
									<i class="ion-chatbubble-working"></i> 0
								</span>
							</div>
							<a href="#">
								<h1 class="entry-title">How can salmon be raised organically in fish farms?</h1>
							</a>
							<div class="entry-content">
								Organic food consumption is rapidly increasing. The heightened interest in the global environment and a willingness to look
							</div>
							<div class="entry-more">
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="blog-grid-item">
						<div class="post-thumbnail">
							<a href="#">
								<img src="{{asset('img/home/blog_1.jpg')}}" alt="" />
							</a>
						</div>
						<div class="post-content">
							<div class="entry-meta">
								<span class="posted-on">
									<i class="ion-calendar"></i>
									<span>August 9, 2016</span>
								</span>
								<span class="comment">
									<i class="ion-chatbubble-working"></i> 0
								</span>
							</div>
							<a href="#">
								<h1 class="entry-title">How to steam &amp; purée your sugar pie pumkin</h1>
							</a>
							<div class="entry-content">
								Cut the halves into smaller pieces and place in a large pot of water with a steam basket to keep the pumpkin pieces from touching…
							</div>
							<div class="entry-more">
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-4">
					<div class="blog-grid-item">
						<div class="post-thumbnail">
							<a href="#">
								<img src="{{asset('img/home/blog_2.jpg')}}" alt="" />
							</a>
						</div>
						<div class="post-content">
							<div class="entry-meta">
								<span class="posted-on">
									<i class="ion-calendar"></i>
									<span>August 9, 2016</span>
								</span>
								<span class="comment">
									<i class="ion-chatbubble-working"></i> 0
								</span>
							</div>
							<a href="#">
								<h1 class="entry-title">Great bulk recipes to help use all your organic vegetables</h1>
							</a>
							<div class="entry-content">
								A fridge full of organic vegetables purchased or harvested with the best of intentions, and then life gets busy, leaving no time to peel,
							</div>
							<div class="entry-more">
								<a href="#">Read more</a>
							</div>
						</div>
					</div>
				</div>
			</div>
            <div class="text-left more"><a href="#">显示全部&nbsp;></a></div>
			{{--<div class="row">--}}
				{{--<div class="col-sm-12">--}}
					{{--<hr class="mt-7 mb-3" />--}}
				{{--</div>--}}
			{{--</div>--}}
		</div>
	</div>
	<div class="section pt-9">
		<div class="container">
			<div class="row">
				<div class="col-sm-6 xd-title" style="padding-bottom: 35px">
					<h3>研学新闻</h3>
					<h4>品质和设计经过验证的精选房源系列</h4>
				</div>
				<div class="col-sm-6 p-0">
					<div class="text-right" style="padding-top: 15px">
						<ul class="masonry-filter">
							<li class="filter selectd">新闻快讯</li>
							<li class="filter">企业新闻</li>
							<li class="filter">政界新闻</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="row content on">
                <div class="news">
                    <div class="container">
                        <div class="row">
                            <div class="w3-agileits-news-grids">
                                <div class="col-md-6 news-left">
                                    <div class="w3-agile-news-img">
                                        <a href="single.html"><img src="{{asset('img/home/5.jpg')}}" alt="" /></a>
                                        <h4><a href="single.html">Pellentesque habitant morbi tristique senectus et netus et malesuada fames</a></h4>
                                        <p>Donec justo ante, maximus et aliquam et, elementum ac purus. Nam eget ante ac velit laoreet sodales ut vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed quam nibh. In sed nisi enim. Duis eget nunc vitae elit dignissim feugiat. Morbi molestie fringilla ipsum, id molestie dolor sodales vel.</p>
                                    </div>
                                    <div class="clearfix"> </div>
                                </div>
                                <div class="col-md-6 news-right">
                                    <div class="news-right-grid">
                                        <a href="single.html">Nunc non neque ex. Aliquam neque massa</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                    <div class="news-right-grid">
                                        <a href="single.html">Phasellus sapien eros, condimentum quis</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                    <div class="news-right-grid">
                                        <a href="single.html">Donec justo ante, maximus et aliquam et</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. <wbr>Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                </div>
                                <div class="clearfix"> </div>
                            </div>
                        </div>
                        <div class="text-left more" style="padding-top: 20px"><a href="#">显示全部&nbsp;></a></div>
                    </div>
                </div>
			</div>
			<div class="row content">
                <div class="news">
                    <div class="container">
                        <div class="row">
                            <div class="w3-agileits-news-grids">
                                <div class="col-md-6 news-left">
                                    <div class="w3-agile-news-img">
                                        <a href="single.html"><img src="{{asset('img/home/5.jpg')}}" alt="" /></a>
                                        <h4><a href="single.html">Pellentesque habitant morbi tristique senectus et netus et malesuada fames</a></h4>
                                        <p>Donec justo ante, maximus et aliquam et, elementum ac purus. Nam eget ante ac velit laoreet sodales ut vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed quam nibh. In sed nisi enim. Duis eget nunc vitae elit dignissim feugiat. Morbi molestie fringilla ipsum, id molestie dolor sodales vel.</p>
                                    </div>
                                    <div class="clearfix"> </div>
                                </div>
                                <div class="col-md-6 news-right">
                                    <div class="news-right-grid">
                                        <a href="single.html">Nunc non neque ex. Aliquam neque massa</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                    <div class="news-right-grid">
                                        <a href="single.html">Phasellus sapien eros, condimentum quis</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                    <div class="news-right-grid">
                                        <a href="single.html">Donec justo ante, maximus et aliquam et</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. <wbr>Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                </div>
                                <div class="clearfix"> </div>
                            </div>
                        </div>
                        <div class="text-left more" style="padding-top: 20px"><a href="#">显示全部&nbsp;></a></div>
                    </div>
                </div>
			</div>
			<div class="row content">
                <div class="news">
                    <div class="container">
                        <div class="row">
                            <div class="w3-agileits-news-grids">
                                <div class="col-md-6 news-left">
                                    <div class="w3-agile-news-img">
                                        <a href="single.html"><img src="{{asset('img/home/5.jpg')}}" alt="" /></a>
                                        <h4><a href="single.html">Pellentesque habitant morbi tristique senectus et netus et malesuada fames</a></h4>
                                        <p>Donec justo ante, maximus et aliquam et, elementum ac purus. Nam eget ante ac velit laoreet sodales ut vel nibh. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sed quam nibh. In sed nisi enim. Duis eget nunc vitae elit dignissim feugiat. Morbi molestie fringilla ipsum, id molestie dolor sodales vel.</p>
                                    </div>
                                    <div class="clearfix"> </div>
                                </div>
                                <div class="col-md-6 news-right">
                                    <div class="news-right-grid">
                                        <a href="single.html">Nunc non neque ex. Aliquam neque massa</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                    <div class="news-right-grid">
                                        <a href="single.html">Phasellus sapien eros, condimentum quis</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                    <div class="news-right-grid">
                                        <a href="single.html">Donec justo ante, maximus et aliquam et</a>
                                        <h5>发布日期：2019-04-24</h5>
                                        <p>Ut rutrum convallis erat at malesuada. <wbr>Donec facilisis sem nisl, ut rhoncus ex ullamcorper ornare. Ut ac interdum velit. Cras nulla nibh, rutrum non venenatis sit amet, ullamcorper venenatis felis.</p>
                                    </div>
                                </div>
                                <div class="clearfix"> </div>
                            </div>
                        </div>
                        <div class="text-left more" style="padding-top: 20px"><a href="#">显示全部&nbsp;></a></div>
                    </div>
                </div>
			</div>
		</div>
	</div>
	<div class="section pt-2 pb-4">
		<div class="container">
			<div class="row">
				<div class="col-sm-12">
					<div class="client-carousel" data-auto-play="true" data-desktop="5" data-laptop="3" data-tablet="3" data-mobile="2">
						<div class="client-item">
							<a href="#" target="_blank">
								<img src="images/client/client_1.png" alt="" />
							</a>
						</div>
						<div class="client-item">
							<a href="#" target="_blank">
								<img src="images/client/client_2.png" alt="" />
							</a>
						</div>
						<div class="client-item">
							<a href="#" target="_blank">
								<img src="images/client/client_3.png" alt="" />
							</a>
						</div>
						<div class="client-item">
							<a href="#" target="_blank">
								<img src="images/client/client_4.png" alt="" />
							</a>
						</div>
						<div class="client-item">
							<a href="#" target="_blank">
								<img src="images/client/client_5.png" alt="" />
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection

@section("js")

	{{--研学新闻--}}
	<script>
        {{--bootstrap--轮播--}}
        $(".carousel").carousel({
            interval:4000 //每隔两秒自动轮播
        });
        $('.filter').click(function(){
            var index = $(this).index();
            $(this).addClass('selectd').siblings().removeClass('selectd');
            $('.content').eq(index).addClass("on").siblings().removeClass("on");
        });
	</script>
	{{--研学新闻--}}
	<script type="text/javascript" src="{{asset('js/home/js/wow.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/jquery-migrate.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/modernizr-2.7.1.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/jquery.countdown.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/imagesloaded.pkgd.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/isotope.pkgd.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/jquery.isotope.init.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/script.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/own-menu.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/jquery.sticky.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/owl.carousel.min.js')}}"></script>


	<script type="text/javascript" src="{{asset('js/home/js/jquery.themepunch.tools.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/jquery.themepunch.revolution.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.video.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.slideanims.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.actions.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.layeranimation.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.kenburn.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.navigation.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.migration.min.js')}}"></script>
	<script type="text/javascript" src="{{asset('js/home/js/extensions/revolution.extension.parallax.min.js')}}"></script>




@endsection
